<template>
	<view class="info_wrap" @click="go_my_info">
		<view class="info_img_box">
			<img class="info_img" src="/static/tabbar/user.png" alt="">
		</view>
		<view class="info_box">
			<view class="info_name">哈哈哈<text class="tn-icon-right tn-color-white"></text></view>
			<view class="info_name">183****4144</view>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			go_my_info(){
				uni.navigateTo ({
				  url: '/pages/myInfo/myInfo'
				});
			}
		}
	}
</script>

<style scoped lang="scss">
	.info_wrap {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height: 180rpx;
		background-color: #1296db;
		.info_img_box {
			position: relative;
			margin-left: 40rpx;
			background-color: #fff;
			width: 100rpx;
			height: 100rpx;
			border-radius: 50%;
			.info_img {
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%,-50%);
				width: 80rpx;
				height: 80rpx;
				border-radius: 50%;
			}
		}
		.info_box {
			margin-left: 30rpx;
			.info_name {
				font-size: 32rpx;
				line-height: 46rpx;
				color: #fff;
			}
		}
	}
</style>